@charset "UTF-8";
html { color: #000; display: block; height: 100%; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }

fieldset, li { list-style: none; }

a, a:link, a:visited { text-decoration: none; }

a, button, input, textarea { -webkit-tap-highlight-color: transparent; }

input, textarea { -webkit-appearance: none; border-radius: 0; outline: none; border: 0; }

body { font-family: -apple-system,Helvetica,sans-serif; color: #000; min-width: 320px; background: #fff; width: 100%; height: 100%; max-width: 640px; margin: 0 auto; }

img { width: 100%; vertical-align: middle; border: 0 none; }

.clearfix:before, .clearfix:after { content: "."; display: block; height: 0; visibility: hidden; }

.clearfix:after { clear: both; }

.clearfix { zoom: 1; }

body { background: #f2f2f2; background-size: 50%; padding-top: 40px; }

.content { width: 100%; overflow: hidden; margin-top: 0px; }

.content .couponList { padding-top: 51px; padding-bottom: 40px; }

.content .addtop { margin-top: 70px !important; }

.content .empty { width: 36%; margin-right: auto; margin-left: auto; margin-top: 20%; }

.content .empty .tips { text-align: center; height: 56px; line-height: 61px; color: #666; font-size: 18px; }

.content .orderUl { height: 51px; background: #fff; border-bottom: 1px solid #cdcccc; width: 100%; position: fixed; top: 40px; z-index: 4; }

.content .addtop .orderUl { top: 60px; }

.content .orderUl li { width: 33.3%; display: inline-block; float: left; text-align: center; }

.content .orderUl li a { text-align: center; width: 100%; height: 100%; display: block; line-height: 51px; color: #333; font-size: 18px; }

.content .orderUl li a.focus { color: #e71e14; position: relative; }

.content .orderUl li a.focus:after { content: ''; width: 60%; height: 2px; position: absolute; left: 20%; bottom: 5px; background: #e71e14; border-radius: 10px; }

.content .bor_l { content: ""; display: block; width: 7px; height: 100%; background: url(../assets/line.png) repeat-y left top; position: absolute; background-size: 4px; left: -1px; top: -1px; }

.content .bor_m { content: ""; display: block; width: 7px; height: 100%; background: url(../assets/q_dot_bg.png) repeat-y left top; position: absolute; background-size: 3px; left: -1px; top: 0; left: auto; right: 47px; }

.content .bor_r { content: ""; display: block; width: 7px; height: 100%; background: url(../assets/line.png) repeat-y left top; position: absolute; background-size: 4px; left: -1px; top: -1px; left: auto; right: -2px; z-index: 3; background-size: 7px; }

.content .couponList { padding: 15px 12px 0; }

.content .couponList .bor_l { content: ""; display: block; width: 7px; height: 100%; background: url(../assets/line.png) repeat-y left top; position: absolute; background-size: 4px; left: -1px; top: -1px; display: none; }

.content .couponList .bor_m { content: ""; display: block; width: 7px; height: 100%; background: url(../assets/q_dot_bg.png) repeat-y left top; position: absolute; background-size: 4px; left: -1px; top: -1px; left: auto; right: 103px; }

.content .couponList .bor_r { content: ""; display: block; width: 7px; height: 100%; background: url(../assets/line.png) repeat-y left top; position: absolute; background-size: 4px; left: -1px; top: -1px; left: auto; right: -4px; z-index: 3; background-size: 4px; display: none; }

.content div.block { padding-right: 110px; margin-bottom: 10px; border-radius: 5px; height: 119px; position: relative; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); background: #FFF; padding-left: 100px; background: #fff url(../assets/iphone.png) no-repeat 10px center; background-size: 91px; }

.content div.block.expired:before { content: ''; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.7); position: absolute; left: 0; top: 0; z-index: 3; }

.content div.block.expired .coudate .info .valid { background: transparent; color: #333; }

.content div.block .coudate { /* padding: 10px; */ border-radius: 0 5px 5px 0; box-sizing: border-box; position: absolute; right: 0; top: 0; width: 110px; background: #fff; border: 1px solid #f2f2f2; height: 100%; }

.content div.block .coudate .info p { color: #FFF; line-height: 1.4em; text-align: center; font-size: 14px; }

.content .info .btn { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; width: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* line-height: 30px; */ border-radius: 40px; /* display: block; */ text-align: center; color: #fff; /* margin-top: 12px; */ font-size: 16px; margin-left: auto; margin-right: auto; }

.content .couponCenter { margin-top: 60px; }

.content div.block .coudate .info .btn.over { background: #ccc; }

.content div.block .coupon { padding: 20px 6px 10px; border-radius: 5px 0 0 5px; color: #fff; /* height: 90px; */ box-sizing: border-box; line-height: 1.1; }

.content div.block .coupon .info big { font-size: 24px; margin-right: 7px; /* font-family: SFUIText-Medium,arial; */ display: inline-block; vertical-align: text-bottom; }

.content div.block .coupon .info .des { width: 100%; height: 25px; line-height: 25px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 4px; color: #333; font-size: 16px; }

.content .couponCenter div.block .coupon .info .desText { width: 100%; height: 25px; line-height: 25px; overflow: hidden; /* white-space: nowrap; */ margin-bottom: 20px; color: #333; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.content .couponCenter div.block .coupon .info .desText p { /* max-width: 90%; */ /* float: left; */ height: 25px; line-height: 25px; overflow: hidden; white-space: nowrap; color: #333; font-size: 14px; -webkit-text-overflow: ellipsis; text-overflow: ellipsis; display: inline-block; /* text-overflow: ellipsis; */ white-space: nowrap; overflow: hidden; padding-left: 49px; box-sizing: border-box; width: 100%; }

.content div.block .coupon .info > p { overflow: hidden; text-overflow: ellipsis; position: relative; padding-left: 18px; }

.info p super { /* vertical-align: text-bottom; */ font-size: 17px; /* margin-top: 17px; */ position: absolute; left: 0; top: 2px; }

.content .more_coupon { padding: 0 32px; height: 45px; text-align: center; line-height: 45px; padding-bottom: 10px; }

.content .more_coupon a { width: 100%; display: block; height: 45px; position: relative; font-size: 16px; background: #fff; border-radius: 5px; color: #666; /*box-shadow: 0px 0px 5px 3px #ddd;*/ color: #f52626; border-radius: 50px; border: 1px solid #f52626; }

.content .more_coupon i { position: absolute; height: 12px; width: 12px; right: 50%; top: 2px; border-top: 1px solid #f52626; border-left: 1px solid #f52626; transform: translate(115px, 15px) rotate(-45deg); -webkit-transform: translate(115px, 15px) rotate(135deg); }

.content .menu { width: 100%; max-width: 720px; background: #fff; height: 51px; overflow: hidden; border-bottom: 1px solid #cdcccc; position: fixed; left: 0; top: 40px; z-index: 10; }

.content.addtop .menu { top: 60px; }

.content .menu.fixed { position: fixed; top: 40px; z-index: 3; }

.content .menu .r { position: absolute; right: 0px; top: 0px; width: 42px; height: 51px; box-sizing: border-box; padding: 5px 0; background: #fff; text-align: center; }

.content .menu .r:before { content: ""; width: 1px; height: 41px; left: 0; top: 5px; position: absolute; background: #ccc; }

.content .menu .r a.towardUp { content: ''; width: 13px; height: 13px; background: transparent; border-left: 1px solid #808080; border-bottom: 1px solid #808080; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(1355deg); transform: rotate(135deg); position: absolute; display: inline-block; left: 13px; top: 24px; }

.content .menu .r a.towardDown { content: ''; width: 13px; height: 13px; background: transparent; border-left: 1px solid #808080; border-bottom: 1px solid #808080; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; display: inline-block; left: 13px; top: 14px; }

.content .menuBox { padding-right: 42px; position: absolute; width: 100%; overflow-x: scroll; overflow-y: hidden; box-sizing: border-box; }

.content .menuBox::-webkit-scrollbar { display: none; }

.content .menuBox .menuUl { height: 51px; background: #fff; padding-right: 42px; }

.content .menuBox .menuUl li { width: 70px; float: left; /*@include b-flex;*/ }

.content .menuBox .menuUl li a { text-align: center; width: 100%; height: 51px; display: block; line-height: 51px; color: #333; font-size: 14px; }

.content .menuBox .menuUl li a.focus { color: #E42222; position: relative; font-size: 15px; }

.content .menuBox .menuUl li a.focus:after { content: ''; width: 90%; height: 2px; position: absolute; left: 5%; bottom: 5px; background: #e71e14; border-radius: 10px; }

.content .couponCenter .store .storeTitle { overflow: hidden; height: 54px; background: #fff; line-height: 54px; position: relative; padding: 0 65px 0 60px; font-size: 16px; border-bottom: 1px solid #cdcccc; color: #333; display: none; }

.content .couponCenter .store .storeTitle .more { position: absolute; right: 0; top: 0; width: 60px; height: 100%; display: block; color: #808080; font-size: 15px; }

.content .couponCenter .store .storeTitle .more .moreIcon { content: ''; width: 13px; height: 13px; background: transparent; border-left: 1px solid #808080; border-bottom: 1px solid #808080; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); position: absolute; display: inline-block; margin-top: 20px; }

.content .couponCenter .store .storeTitle .storeLogo { position: absolute; left: 10px; top: 0px; width: 45px; height: 55px; display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; }

.content .couponCenter .store .storeTitle .storeLogo img { display: block; }

.content .couponCenter li { padding: 0 10px; box-sizing: border-box; position: relative; overflow: visible; }

.content .couponCenter li a { display: block; }

.content .couponCenter li .coupon .shopBox { position: absolute; left: 10px; width: 76px; top: 12px; background: url(../assets/couponIcons.png) no-repeat; background-size: 75px 495px; }

.content .couponCenter li .coupon .shopBox.spq { height: 75px; width: 75px; background-position: 0 -270px; }

.content .couponCenter li .coupon .shopBox.dpq { height: 75px; width: 75px; background-position: 0 -345px; }

.content .couponCenter li .coudate .icon { width: 80%; display: none; text-align: center; margin-left: 10%; margin-bottom: 20px; }

.content .couponCenter li .coudate .process { width: 100%; height: 5px; border-radius: 10px; position: relative; }

.content .couponCenter li .coudate .process i { height: 5px; left: 0; top: 0; width: 64%; content: ""; position: absolute; border-radius: 20px; }

.categoryMask { width: 100%; height: 100%; max-width: 640px; display: none; position: fixed; -webkit-overflow-scrolling: touch; top: 91px; z-index: 2; background: rgba(0, 0, 0, 0.7); }

.categoryMask .categoryBox { background: #fff; }

.categoryMask .categoryBox .categoryTitle { width: 100%; height: 47px; font-size: 16px; padding-right: 50px; line-height: 47px; padding-left: 15px; }

.categoryMask .categoryBox .categoryTitle .r { position: absolute; right: 0px; top: 5px; border-left: 1px solid #ccc; width: 42px; height: 35px; background: #fff; text-align: center; }

.categoryMask .categoryBox .categoryTitle .r .towardUp { content: ''; width: 13px; height: 13px; background: transparent; border-left: 1px solid #808080; border-bottom: 1px solid #808080; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); position: absolute; display: inline-block; left: 13px; top: 14px; }

.categoryMask .categoryBox .categoryList { padding: 10px 5px 10px 5px; }

.categoryMask .categoryBox .categoryList ul.menuUl li { width: 25%; height: 40px; padding: 3px 10px; box-sizing: border-box; float: left; color: #333; }

.categoryMask .categoryBox .categoryList ul.menuUl li a { color: #333; width: 100%; height: 100%; display: block; text-align: center; display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; font-size: 14px; }

.categoryMask .categoryBox .categoryList ul.menuUl li a.focus { /* background: #e71e14; */ color: #E42222; border-radius: 50px; }

.share { box-sizing: border-box; position: fixed !important; top: 0; z-index: 3; }

.share a.ticketIcon { background: url(../assets/icon-my_coupon.png) no-repeat; background-size: 23px; height: 100%; width: 23px; background-position: 0 0; display: block; position: absolute; right: 47px; top: 11px; }

.share a.shareIcon { background: url(../assets/couponIcon.png) no-repeat; background-size: 22px 37px; height: 20px; width: 22px; background-position: 0 -17px; display: block; position: absolute; top: 9px; right: 12px; }

.success { position: fixed; width: 100%; top: 30%; display: none; max-width: 640px; text-align: center; display: none; z-index: 10; }

.success img { padding: 0 15%; box-sizing: border-box; display: block; }

.successMove { -webkit-animation: mymove 3s; -moz-animation: mymove 3s; -o-animation: mymove 3s; animation: mymove 3s; }

.wrapper { height: auto; }

.wrapper .tipBox { width: 80%; font-size: 16px; position: fixed; left: 10%; top: 30%; background-color: rgba(0, 0, 0, 0.8); text-align: center; color: #fff; line-height: 40px; z-index: 99998; border-radius: 5px; }

.wrapper .tips_overlay .tipBox.mask-in { background-color: rgba(0, 0, 0, 0.8); }

.wrapper .tips_overlay .tipBox.mask-out { background-color: black; }

.wrapper .tipBox.active { -webkit-animation: 1s move alternate 4; }

.wrapper .r5 { border-radius: 5px; }

.wrapper .tipBox .msg { padding: 20px 0; }

.wrapper .tipBox h2 { line-height: 24px; font-weight: normal; text-align: center; font-size: 16px; }

.wrapper .tipBox i { vertical-align: middle; display: inline-block; width: 0.1px; height: 100%; }

.wrapper .overlay, .wrapper .tips_overlay { position: fixed; top: 0; left: 0; z-index: 99999; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); transition: all .2s ease-in-out; opacity: 0; }

.wrapper .tips_overlay { background-color: transparent; }

.wrapper .overlay-in { opacity: 1; }

.wrapper .overlay-out { opacity: 0; }

.wrapper .loading_box { width: 80%; font-size: 16px; position: fixed; left: 10%; top: 30%; background-color: black; text-align: center; color: #fff; z-index: 98; border-radius: 5px; padding: 10px 0; }

.wrapper .loading_wrapper { position: fixed; left: 0; top: 0; height: 100%; width: 100%; display: none; }

/*弹框*/
.wapMask { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); max-width: 640px; position: fixed; z-index: 3; top: 0; }

.wapMask .wapBox { width: 80%; left: 10%; top: 30%; background: #fff; position: absolute; border-radius: 10px; padding: 30px 10px 18px; text-align: center; box-sizing: border-box; line-height: 50px; }

.wapMask .wapBox .info { font-size: 15px; }

.wapMask .go_btn { width: 70%; display: block; height: 40px; line-height: 40px; color: #e83a3a; border-radius: 18px; text-align: center; margin: 15px auto 0; background: #F52626; background-size: 100% 100%; }

.wapMask .go_btn { text-decoration: none; color: #Fff; }

.wapMask .close { display: inline-block; background: #fff url(//i0.ulecdn.com/i/event/2016/0714/close.png) center center no-repeat; width: 40px; height: 40px; position: absolute; right: 4%; top: -50px; background-size: 40px; vertical-align: middle; border-radius: 50%; }

.couponList a { display: block; }

.couponList .coupon .info > p { font-size: 14px; }

.couponList .coupon .info > p a { color: #fff; }

.discount { width: 100%; /* height: 16px; */ font-size: 12px; display: block; /* line-height: 16px; */ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: #FAFAFA; color: #999; padding: 3px 7px; border-radius: 3px; vertical-align: bottom; }

@-webkit-keyframes mymove { 0% { transform: scale(0); }
  70% { transform: scale(1); }
  100% { transform: scale(0); } }

@keyframes mymove { 0% { transform: scale(0); }
  70% { transform: scale(1); }
  100% { transform: scale(0); } }

/*=============================== START 10.12 券墙二期改版样式 2016.10.12 ===============================*/
.swiper-container { width: 100%; height: 165px; margin-top: 10px; z-index: 0; display: none; }

.swiper-slide { text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }

.swiper-slide a { display: block; }

.swiper-pagination-bullet-active, .swiper-pagination-bullet { background: #FFF; }

.swiper-pagination-bullet { opacity: 0.5; }

.swiper-pagination-bullet-active { opacity: 1; }

/*====== START 券墙列表页 ======*/
.couponCenter { margin-top: 10px; }

.coudate .couponCenter .info p { display: none; }

.content .couponCenter li .coupon .shopBox { display: none; }

.content .couponCenter .coupon { color: #333; }

.couponCenter .coupon .info .des, .couponCenter .coupon .info span { font-size: 15px; vertical-align: top; display: inline-block; }

.content .couponCenter div.block .coudate { width: 55px; }

.couponCenter div.block { padding-right: 55px; }

.couponCenter .discount { width: auto; display: inline-block; }

.quan_name { width: 45px; height: 20px; line-height: 26px; display: block; margin: 0 auto; /* background: url(../assets/q_quan_class_bg.png) no-repeat; */ /* background-size: 100% 26px; */ text-align: center; /* color: #FFF; */ font-size: 14px; margin-top: 3px; display: inline-block !important; background: #E42222; color: #fff; border-radius: 3px; font-size: 12px !important; line-height: 20px; margin-right: 9px; /* vertical-align: -webkit-baseline-middle; */ position: absolute; left: 0; top: 0; }

.couponCenter div.block .coudate .info .valid { font-size: 14px; }

.content div.block .coudate .info { text-align: center; height: 100%; }

/*不同种类券的颜色设置*/
/*过期的则block clear 再增加class expired*/
/*1、通用券 popular  ef514c*/
.content div .coupon .info > p { color: #f24f46; font-size: 0; font-family: tahoma,arial,"Hiragino Sans GB","\5FAE\8F6F\96C5\9ED1",simsun,sans-serif; }

.content div.popular .coudate { background: #f24f46; }

.content div.block.popular .coudate .info .valid { color: #fff; /* background: #FFF; */ }

.content .couponCenter .goUse .coudate .info .btn, .content .couponCenter .allover .coudate .info .btn { /* margin-top: 44px; */ }

.content div.popular { background: #fff url(../assets/quan.png) no-repeat 10px center; background-size: 91px; }

/*2、话费券 bill  f87412*/
.content div.bill .coudate { background: #f87412; }

.content div.bill .quan_name { background: #f87412; }

.content div.block.bill .coudate .info .valid { /* color: #f87412; */ /* background: #FFF; */ }

.content div.bill { background: #fff url(../assets/chong.png) no-repeat 10px center; background-size: 91px; }

/*3、运费券 freight  4fc1da*/
.content div.freight .coupon .info > p { /* color: #4fc1da; */ }

.content div.freight .coudate { background: #4fc1db; }

.content div.freight .quan_name { background: #4fc1db; }

.content div.block.freight .coudate .info .valid { /* color: #4fc1db; */ /* background: #FFF; */ }

.content div.freight { background: #fff url(../assets/yun.png) no-repeat 10px center; background-size: 91px; }

/*4、品类券 category  daa757*/
.content div.category .coudate { background: #daa757; }

.content div.category .quan_name { background: #daa757; }

.content div.block.category .coudate .info .valid { color: #daa757; background: #FFF; }

.content div.category { background: #fff url(../assets/ping.png) no-repeat 10px center; background-size: 91px; }

/*5、店铺券 shop  59a9e6*/
.content div.shop .coupon .info > p { /* color: #59a9e6; */ }

.content div.shop .quan_name { background: #59a9e6; }

.content div.shop .coudate { background: #59a9e6; }

.content div.block.shop .coudate .info .valid { color: #fff; /* background: #FFF; */ }

.content div.shop { background: #fff url(../assets/icon-store.png) no-repeat 10px center; background-size: 91px; }

/*6、商品券 commodity  6ebd86*/
.content div.commodity .coupon .info > p { /* color: #6ebd86; */ }

.content div.commodity .coudate { background: #6ebd86; }

.content div.commodity .quan_name { background: #6ebd86; }

.content div.block.commodity .coudate .info .valid { color: #fff; /* background: #FFF; */ }

.content div.commodity { background: #fff url(../assets/icon-item.png) no-repeat 10px center; background-size: 91px; }

/*去使用状态*/
.content .couponCenter .goUse .popular .coudate, .content .couponCenter .allover .popular .coudate { /* background: #f25047 url(../assets/q_already_receive.png) no-repeat center -10px; */ /* background-size: 71px 60px; */ }

.content .goUse .popular .info .btn { /* color: #f25047; */ /* background: #FFF; */ }

.content .couponCenter .goUse .bill .coudate, .content .couponCenter .allover .bill .coudate { /* background: #f87412 url(../assets/q_already_receive.png) no-repeat center -10px; */ background-size: 71px 60px; }

.content .goUse .bill .info .btn { color: #f87412; background: #FFF; }

.content .couponCenter .goUse .freight .coudate, .content .couponCenter .allover .freight .coudate { /* background: #4fc1da url(../assets/q_already_receive.png) no-repeat center -10px; */ background-size: 71px 60px; }

.content .goUse .freight .info .btn { color: #4fc1da; background: #FFF; }

.content .couponCenter .goUse .category .coudate, .content .couponCenter .allover .category .coudate { background: #daa757 url(../assets/q_already_receive.png) no-repeat center -10px; background-size: 71px 60px; }

.content .goUse .category .info .btn { color: #daa757; background: #FFF; }

.content .couponCenter .goUse .over .coupon:before, .content .couponCenter .allover .coupon:before { background: url(../assets/received.png) no-repeat left top; background-size: 70px; /* filter: blur(3px); */ position: absolute; right: 62px; bottom: 19px; content: ''; width: 71px; height: 71px; opacity: 0.4; z-index: 1; border: none; }

.content .goUse .shop .info .btn { /* color: #59a9e6; */ /* background: #FFF; */ }

.content .couponCenter .goUse .commodity .coudate, .content .couponCenter .allover .commodity .coudate { /* background: #6ebd86 url(../assets/q_already_receive.png) no-repeat center -10px; */ /* background-size: 71px 60px; */ }

.content .goUse .commodity .info .btn { color: #6ebd86; background: #FFF; }

/*====== START 优惠券一对多情况 店铺列表页 ======*/
.coupon_store_list { background: #FFF; margin-top: 14px; }

.coupon_store_list li { padding: 2%; border-bottom: solid 1px rgba(205, 204, 204, 0.7); }

.coupon_store_list li a { display: block; color: #333; font-size: 16px; position: relative; }

.coupon_store_list li img { width: 88px; height: 88px; float: left; }

.coupon_store_list li p { margin-left: 12px; float: left; padding-top: 14px; }

.coupon_store_list li span { padding: 12px 16px; border: solid 1px #CCC; border-radius: 30px; position: absolute; right: 1%; top: 50%; margin-top: -22px; }

/*====== START 优惠券一对多情况 商品列表页 ======*/
.coupon_goods_list { background: #FFF; }

.coupon_goods_list li { padding: 4px 0; position: relative; min-height: 130px; }

.coupon_goods_list li img { width: 126px; height: 126px; background: #efedee; position: absolute; left: 0; top: 4px; }

.coupon_goods_rightCon { margin-left: 136px; padding-right: 2%; border-bottom: solid 1px #CCC; min-height: 128px; }

.coupon_goods_rightCon .title { width: 100%; height: 48px; padding-top: 6px; overflow: hidden; line-height: 24px; font-size: 16px; color: #333; margin-bottom: 20px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word; }

.coupon_goods_rightCon .title span, .coupon_goods_rightCon .price em { background: #fed3d3; color: #e2262c; padding: 3px 8px; font-size: 14px; border-radius: 20px; }

.coupon_goods_rightCon .title span { margin-right: 6px; }

.coupon_goods_rightCon .price em { margin: 0 4px; }

.coupon_goods_rightCon del { display: block; margin-bottom: 6px; color: #808080; font-size: 12px; }

.price span { color: #e1262b; font-size: 20px; padding-right: 30px; }

.price span i { font-size: 14px; }

/*.loadMore{ width: 10%; left: 45%; bottom: 2%; top:auto;}*/
.loading { width: 100%; text-align: center; z-index: 3; display: none; font-size: 13px; padding: 6px 0; position: fixed; top: 40%; }

.loadMore img { width: 7%; margin-right: 3%; }

/*即将抢完和即将过期提醒*/
.icon_bs { width: 60px; height: 20px; display: block; position: absolute; left: 6px; top: 0; z-index: 1; }

.qw_icon { background: url(../assets/q_icon_qw.png) no-repeat; background-size: 100%; }

.gq_icon { background: url(../assets/q_icon_gq.png) no-repeat; background-size: 100%; }

.new_icon { background: url(../assets/q_icon_xq.png) no-repeat; background-size: 100%; }

.allover .quan_name { display: none; }

/*我的优惠券列表*/
.coupon_des { font-size: 16px; color: #333; margin-bottom: 5px; }

.linkMore { padding: 10px 32px 0; height: 45px; line-height: 45px; text-align: center; padding-bottom: 10px; display: none; }

.linkMore a { width: 100%; display: block; height: 45px; position: relative; font-size: 16px; color: #f52626; border: 1px solid #f52626; border-radius: 50px; background: #fff; }

.linkMore a i { position: absolute; height: 12px; width: 12px; right: 50%; top: 2px; border-top: 1px solid #f52626; border-left: 1px solid #f52626; transform: translate(115px, 15px) rotate(-45deg); -webkit-transform: translate(115px, 15px) rotate(135deg); }

/*=============================== END 10.12 券墙二期改版样式 ===============================*/
.loading1 { height: 40px; display: none; float: none; width: 100%; margin-left: 0; text-align: center; line-height: 40px; background: none; padding: 0px; border: none; }

.loading1 span { display: inline-block; background: url(../assets/loading1.gif) no-repeat left center; background-size: 30px; padding-left: 35px; font-size: 14px; color: #999; }

.loading-middle { width: 12%; left: 44%; position: fixed; z-index: 3; display: none; top: 45%; }

.loading-middle img { display: block; vertical-align: middle; width: 100%; }

.loading-middle { width: 12%; left: 44%; position: fixed; z-index: 3; display: none; top: 45%; }

.loading-middle img { display: block; vertical-align: middle; width: 100%; }

.tipBox { width: 80%; font-size: 16px; position: fixed; left: 10%; top: 30%; background-color: rgba(0, 0, 0, 0.8); text-align: center; color: #fff; line-height: 40px; z-index: 99; border-radius: 5px; /*-webkit-transform: translate3d(-50%, -50%, 0) scale(0.8);transform: translate3d(-50%, -50%, 0) scale(0.8);transition: all 0.3s cubic-bezier(0.1, 0.74, 0.57, 2);*/ }

.tips_overlay .tipBox.mask-in { /*-webkit-transform: translate3d(-50%, -50%, 0) scale(1);transform: translate3d(-50%, -50%, 0) scale(1);*/ background-color: rgba(0, 0, 0, 0.8); }

.tips_overlay .tipBox.mask-out { /*-webkit-transform: translate3d(-50%, -50%, 0) scale(1.3);transform: translate3d(-50%, -50%, 0) scale(1.3);transition: all .3s ease-in-out; */ background-color: black; }

.tipBox.active { -webkit-animation: 1s move alternate 4; }

.tipBox .msg { padding: 20px 0; }

.tipBox h2 { line-height: 24px; font-weight: normal; text-align: center; font-size: 16px; }

.tipBox i { vertical-align: middle; display: inline-block; width: 0.1px; height: 100%; }

.overlay, .tips_overlay { position: fixed; top: 0; left: 0; z-index: 98; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); transition: all .2s ease-in-out; opacity: 0; }

.tips_overlay { background-color: transparent; }

.overlay-in { opacity: 1; }

.overlay-out { opacity: 0; }

.fix-bottom .download_rec a { color: #fff; font-size: 16px; display: block; width: 100%; height: 100%; height: 54px; line-height: 54px; padding-left: 10px; }

.top_info { z-index: 3; height: 54px; position: fixed; left: 0; top: 90%; width: 100%; max-width: 640px; box-sizing: border-box; }

/*!底部固定栏*/
.fix-bottom { width: 100%; max-width: 640px; position: fixed; bottom: 0; height: 54px; z-index: 6; left: 0; color: #fff; }

.fix-bottom img { width: 40px; position: absolute; margin-right: 6px; left: 37px; top: 7px; }

.fix-bottom .opacity { background: #f46206; opacity: .7; height: 70px; left: 0; top: 0; }

#searbg, #searbg.level0 { opacity: 0; }

.fix-bottom .download_rec { height: 54px; position: absolute; left: 0; top: 0; /* padding: 13px 5px 6px 8px; */ width: 100%; max-width: 640px; box-sizing: border-box; }

.download_rec div { /* float:left */ /* line-height: 1.2em; */ /* margin-top: 6px; */ line-height: 30px; }

.download_rec p { /* line-height:40px */ }

.fix-bottom .downloadBtn { float: right; width: 74px; height: 30px; line-height: 30px; background: #f52626; color: #fff; border-radius: 20px; text-align: center; font-size: 12px; /* margin-right:4px; */ margin-top: 5px; position: absolute; right: 10px; top: 50%; margin-top: -15px; }

.fix-bottom #close { display: inline-block; color: #fff; line-height: 20px; font-size: 16px; width: 20px; height: 20px; text-align: center; /* background:#262626; */ border-radius: 50%; /* margin-top:10px; */ position: absolute; right: 7px; top: 50%; margin-top: -10px; display: none; }

/*! 底部文字 */
.top_info a { font-size: 16px; }

/*!2017/8/26底部样式更改  */
.addCouponBtn { background: #E38A18; border: none; color: #FFF; width: 100%; -webkit-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; line-height: 40px; text-align: center; height: 50px; font-size: 15px; }

.content .bor_m:before { width: 12px; height: 12px; background: #F3F3F3; border-radius: 50%; display: block; content: ''; position: absolute; left: -6px; top: -6px; }

.content .bor_m:after { width: 12px; height: 12px; background: #F3F3F3; border-radius: 50%; display: block; content: ''; position: absolute; left: -6px; bottom: -6px; }

@media only screen and (max-width: 320px) { .couponCenter div.block { padding-left: 78px; background-size: 68px; }
  .content div.block .coupon .info big { font-size: 20px; }
  .info p super { font-size: 12px; margin-right: 3px; }
  .content div.block .coupon .info > p { padding-left: 10px; } }

body.app { padding-top: 0; }

body.app .content .menu { top: 0; }

body .categoryMask .categoryBox .categoryTitle { display: none; }

body.app .categoryMask { top: 41px; }

body.wap { padding-top: 40px; }

body.wap h3.title { display: block; }

h3.title { display: none; }

body.wap .content .menu { top: 40px; }
